
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="author" content="m.jianke.com">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta name="keywords" content="郑州慈善总会,郑州慈善总会手机版">
<meta name="description" content="郑州慈善总会手机版手机版全新上线">
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/buttons.css" rel="stylesheet" />
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/base.css" rel="stylesheet" />
<link href="css/css (1).css" rel="stylesheet" />
<link href="css/orange1.css" rel="stylesheet" />
<link href="css/orange.css" rel="stylesheet" />

<script src="js/jquery.js"></script>
    <script src="js/icheck.min.js"></script>
    <script src="js/common.js"></script>
    <link rel="stylesheet" href="css/ui-dialog.css" />
    <style type="text/css">
        .theme-buy {
            margin-top: 10%;
            text-align: center;
        }

        .theme-gobuy, .theme-signin {
            font-size: 15px;
        }

        .theme-price {
            position: relative;
            bottom: -6px;
            font-family: microsoft yahei, Arial, Helvetica, sans-serif;
            margin-right: 20px;
            font-weight: bold;
            color: #f60;
            line-height: 32px;
            font-size: 24px;
            display: inline-block;
        }

            .theme-price dfn {
                font-style: normal;
                font-size: 18px;
                margin-right: 2px;
            }

        .theme-desc {
            padding: 30px;
        }

        .theme-version {
            padding: 30px;
        }

        .theme-popover-mask {
            z-index: 9998;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.4;
            filter: alpha(opacity=40);
            display: none;
        }

        .theme-popover {
            z-index: 9999;
            position: fixed;
            top: 50%;
            left: 10%;
            width: 80%;
            height: 360px;
            margin: -180px auto 0 auto;
            border-radius: 5px;
            border: solid 2px #666;
            background-color: #fff;
            display: none;
            box-shadow: 0 0 10px #666;
            overflow: scroll;
        }

        .theme-popover1 {
            z-index: 9999;
            position: fixed;
            margin: 0 auto;
            left: 55px;
            right: 55px;
            top: 30%;
            /*left: 30%;*/
            /*margin: -180px auto 0 auto;*/
            border-radius: 5px;
            border: solid 2px #666;
            background-color: #fff;
            display: none;
            box-shadow: 0 0 10px #666;
            overflow: scroll;
        }

        .theme-poptit {
            border-bottom: 1px solid #ddd;
            padding: 12px;
            position: relative;
        }

        .theme-popbod {
            padding: 60px 15px 0 0;
            color: #444;
            height: 235px;
            overflow-y: scroll;
        }

        .theme-popbom {
            padding: 15px;
            background-color: #f6f6f6;
            border-top: 1px solid #ddd;
            border-radius: 0 0 5px 5px;
            color: #666;
        }

            .theme-popbom a {
                margin-left: 8px;
            }

        .theme-poptit .close {
            float: right;
            color: #999;
            padding: 5px;
            margin: -2px -5px -5px;
            font: bold 14px/14px simsun;
            text-shadow: 0 1px 0 #ddd;
        }

            .theme-poptit .close:hover {
                color: #444;
            }

        .theme-poptit .close1 {
            float: right;
            color: #999;
            padding: 5px;
            margin: -2px -5px -2px;
            font: bold 14px/14px simsun;
            text-shadow: 0 1px 0 #ddd;
        }

            .theme-poptit .close1:hover {
                color: #444;
            }

        .btn.theme-reg {
            position: absolute;
            top: 8px;
            left: 43%;
            display: none;
        }

        .inp-gray, .feed-mail-inp {
            border: 1px solid #ccc;
            background-color: #fdfdfd;
            width: 220px;
            height: 16px;
            padding: 4px;
            color: #444;
            margin-right: 6px;
        }

        .dform {
            padding: 10px;
            text-align: left;
        }

            .dform .ipt_error {
                background-color: #FFFFCC;
                border-color: #FFCC66;
            }

        .dform-tip {
            display: none;
            background-color: #080;
            color: #fff;
            line-height: 42px;
            margin-top: 10px;
            display:;
            font-size: 14px;
        }

        .dform-tip-errer {
            background-color: #CF301A;
        }

        .dform-tip a {
            display: inline-block;
            padding: 0 20px;
            margin-left: 10px;
            background-color: #FFE924;
            color: #CF301A;
        }

        .dform-login {
            padding: 0;
            height: 270px;
            overflow: hidden;
        }

            .dform-login iframe {
                height: 470px;
                margin-top: -180px;
            }

        .theme-signin {
            margin: -50px -20px -50px 90px;
            text-align: left;
            font-size: 14px;
        }

            .theme-signin h4 {
                color: #999;
                font-weight: 100;
                margin-bottom: 20px;
                font-size: 12px;
            }

            .theme-signin li {
                padding-left: 80px;
                margin-bottom: 15px;
            }

                .theme-signin li strong {
                    float: left;
                    margin-left: -80px;
                    width: 80px;
                    text-align: right;
                    line-height: 32px;
                }

            .theme-signin .btn {
                margin-bottom: 10px;
            }

            .theme-signin p {
                font-size: 12px;
                color: #999;
            }

        .theme-desc, .theme-version {
            padding-top: 0;
        }

        .select-love {
            height: 30px;
            line-height: 30px;
        }

        body {
            background-color: #f6f6f6 !important;
        }
    </style>
    <script src="js/dialog-plus-min.js"></script>
    <script type="text/javascript">
        function H5Alert(title, msg, url) {
            var d = dialog({
                title: title,
                content: msg,
                cancel: false,
                ok: function () {

                }
            });
            d.show();
        }
    </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?8e1ea7d778d1f2bd26239ada04518444";
            var s = document.getElementsByTagName("script")[0];
           s.parentNode.insertBefore(hm, s);
        })();
    </script>

 
</head>


<body class="mhome hide-landing">
  <div class="jk" id="jk">
      <div class="mlx">
          <span><a href="index.htm"><</a></span>
          <div class="header-title">捐赠信息</div>
      </div>



    <form method="post" action="./SubmitDonate.aspx?tid=0&amp;uid=829ec539-4d40-4c5f-ac2c-d319f7e3e980&amp;id=dec6674a-a4a2-4541-8e03-704bf68b0e44&amp;type=" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJOTIyMzcyNzgyD2QWAgIDD2QWDGYPFgIeB1Zpc2libGVoZAIBD2QWCAIBDxYCHgRUZXh0BQnlhq/kuprlqJ9kAgMPFgIfAQUKWjQzMDE2NzI4OWQCBQ8WAh8BBQExZAIHDxYCHwEFBDAuMDFkAgIPFgIfAQUY6LSr5Zuw5YS/56ul5aSn55eF5pWR5YqpZAIHDxYCHwBnFgICAw8WAh8AaGQCCA8WAh8AaGQCCQ8WAh8AaGRkduHJwXLFkd5VNxmAQdwWnEK7iwGx4BTwnS8iGrqRdeE=" />
</div>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="B52A8592" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAhGv9De4KD/Nh7ceselLpLJM+JzqKaVhFqMm2DikYYKwp2Vlyg2pb1c4BzID6e+nYmFypF4Q7e1QWsUTbPRd9HMg5nCUyyxDiipJ6CImew+a5XeKpZSyQDydrIGZTaZudXKAwUYzABur+UcO6zyFir1lliAPKY+KvRmniYVjNuQiFwWDFW7idmch9w5QP4X8tmpEYnuzIthdO4PhGWnbeac" />
</div>
        <!--捐赠信息-->
        <div class="Donor">

            
            <div id="loginD" class="Donor_top">
                亲爱的<span>美人鱼</span>（爱心号：Z430167289），你之前一共捐赠<span>1</span>次，捐赠总额为<span>0.01</span>
                元， 公益的旅途，感谢有你一路相伴！
            </div>
            <div class="Donor_bottom">
                <div class="Donor_bottom_text">
                    <div class="col-xs-3 col-md-3 left">
                        支持项目
                    </div>
                    <div class="col-xs-9 col-md-9 right org">
                        贫困儿童大病救助
                    </div>
                    <div class="cl">
                    </div>
                </div>
                <div class="Donor_bottom_text">
                    <div class="col-xs-3 col-md-3 left">
                        捐&nbsp;&nbsp;赠&nbsp;人
                    </div>
                    <div class="col-xs-9 col-md-9 right">
                        <input name="txtUserName1" type="text" value="美人鱼" id="txtUserName1" class="txt" />
                    </div>
                    <div class="cl">
                    </div>
                </div>
                <div class="Donor_bottom_text">
                    <div class="col-xs-3 col-md-3 left">
                        是否匿名
                    </div>
                    <div class="col-xs-9 col-md-9 right">
                        <input type="radio" class="isCniming" name="iCheck" value="0" checked>&nbsp;&nbsp;否&nbsp;&nbsp;
                    <input type="radio" class="isCniming" name="iCheck" value="1">&nbsp;&nbsp;是
                    </div>
                    <input type="hidden" name="hfIsniming" id="hfIsniming" value="0" />
                    <div class="cl">
                    </div>
                </div>
                <div class="Donor_bottom_text">
                    <div class="col-xs-3 col-md-3 left">
                        联系电话
                    </div>
                    <div class="col-xs-9 col-md-9 right">
                        <input name="txtTel" type="text" id="txtTel" class="txt" />
                    </div>
                    <div class="cl">
                    </div>
                </div>
                <input type="hidden" name="hfJine" id="hfJine" value="20" />
                <div id="ziyoudon" class="Donor_bottom_text sys_item_spec">
                    <div class="col-xs-3 col-md-3 left">
                        捐赠金额
                    </div>
                    <div id="jzje" class="col-xs-9 col-md-9 right sys_item_specpara">
                        <ul class="sys_spec_text">
                            <li data-aid="13" title="10"><a href="javascript:;">10元</a><i></i></li>
                            <li data-aid="14" title="20" class="selected"><a href="javascript:;">20元</a><i></i></li>
                            <li data-aid="16" title="50"><a href="javascript:;">50元</a><i></i></li>
                            <li class="in">
                                <input name="txtshuzi" type="text" id="txtshuzi" class="txtshuzi" placeholder="输入金额" />
                            </li>
                        </ul>
                        <div class="cl">
                        </div>
                    </div>
                    
                    <div class="cl">
                    </div>
                </div>
                
                
                <div class="Donor_bottom_text">
                    <div class="col-xs-3 col-md-3 left">
                        捐赠留言
                    </div>
                    <div class="col-xs-9 col-md-9 right">
                        <input name="txtRemark" type="text" id="txtRemark" class="txt" placeholder="支持公益！" />
                    </div>
                    <div class="cl">
                    </div>
                </div>
                <h4 style="text-align: left; padding-left: 15px;">
                    <input type="checkbox" id="tongyiCkb" checked>
                    同意并接受<span id="aProtocol"><a id="id" href="javascript:void(0)">大爱之城爱心基金用户协议</a></span>
                </h4>
            </div>
            <div style="height: 60px; text-align: center;">
            </div>
            <div class="bt">
                <input type="submit" name="btnSave" value="前往支付" onclick="return ChenkL();" id="btnSave" class="btn btn-block" style="background-color: #ff952e; color: #fff;" />
            </div>
        </div>
        <div id="divId" class="theme-popover">
            <div class="theme-poptit">
                <a href="javascript:;" title="关闭" class="close" style="color: #000; opacity: 1;">关闭</a>
                <div>
                    <h3>募捐协议</h3><div class='theme-popbod dform'>捐赠票据索取须知<br />
                1.本慈善会可为支持本项目的爱心人士开具国家统一的公益事业捐赠票据，请爱心人士按需申请。<br />
                2.基于人工成本、邮寄成本、工作效率等因素的考虑，常规上，本会仅为每笔捐赠100元以上、有需要的捐款人单独开具并邮寄。
                100元以下的捐赠收据需您上门自取或快递(邮费到付)，您可将多次捐赠累积集中开具。<br />
                3.索取票据请关注微信服务号，发送捐赠截图并回复包含捐赠项目、捐赠金额、
                交易单号、发票抬头、收件地址、收件人、联系电话、邮编等信息!或者发至邮箱，
                经审核无误后，本慈善会将为捐赠的爱心人士提供开具个人捐赠票据，并统一寄出。
                如有疑问，请致电。</div>
                </div>
            </div>
        </div>
        <div id="div1" class="theme-popover1">
            <div class="theme-poptit">
                <a href="javascript:" title="关闭" class="close1" style="color: #000; opacity: 1;">关闭</a>
                <div>
                    <img src="http://appapi.renrengy.com/qrcode.aspx?data=http%3a%2f%2fnjcszh.gongyibao.cn%2fH5page%2fSubmitDonate.aspx%3ftid%3d0%26uid%3d829ec539-4d40-4c5f-ac2c-d319f7e3e980%26id%3ddec6674a-a4a2-4541-8e03-704bf68b0e44%26type%3d" style="width: 100%" />
                    <br />
                    扫描二维码代他人捐赠
                </div>
            </div>
        </div>
        <script>
            $("#id").click(function () {
                $("#divId").show();
            })
            $(".close").click(function () {
                $("#divId").css('display', 'none')
            })

            $("#id1").click(function () {
                $("#div1").show();
            })
            $(".close1").click(function () {
                $("#div1").css('display', 'none')
            })

            //登陆交互
            $("#goLogin").click(function () {
                //判断用户是否登陆
                var userid = "829ec539-4d40-4c5f-ac2c-d319f7e3e980";
                if (userid == "") {
                    location.href = "/Users/login.aspx?retUrl=http%3a%2f%2fnjcszh.gongyibao.cn%2fH5page%2fSubmitDonate.aspx%3ftid%3d0%26uid%3d829ec539-4d40-4c5f-ac2c-d319f7e3e980%26id%3ddec6674a-a4a2-4541-8e03-704bf68b0e44%26type%3d";
                }
            });

            //商品规格选择
            $(function () {
                $('input').iCheck({
                    checkboxClass: 'icheckbox_minimal-orange', // 注意square和blue的对应关系,用于type=checkbox
                    radioClass: 'iradio_square-orange', // 用于type=radio
                    increaseArea: '20%' // 增大可以点击的区域
                });

                //是否公示事件
                $('input').on('ifChecked', function (event) {
                    $("#hfIsniming").val($(this).attr("value"));
                });

                //选择金额事件
                $(".sys_item_spec .sys_item_specpara").each(function () {
                    var i = $(this);
                    var p = i.find("ul>li");
                    p.click(function () {
                        if (!!$(this).hasClass("selected")) {
                            $(this).removeClass("selected");
                            i.removeAttr("data-attrval");
                        } else {
                            $(this).addClass("selected").siblings("li").removeClass("selected");
                            i.attr("data-attrval", $(this).attr("data-aid"));
                            if ($(this).attr("title") != undefined) {
                                $("#hfJine").val($(this).attr("title"));
                            }
                        }
                    });
                });

                //输入金额事件
                $(".txtshuzi").focus(function () {
                    $("#hfJine").val("0");
                }).focusout(function () {
                    if (!$.isNumeric($(".txtshuzi").val())) {
                        $(".txtshuzi").val("0");
                    }
                    $("#hfJine").val($(".txtshuzi").val());
                });

                var jine = "";

                if (jine != "") {
                    $("#txtshuzi").focus();
                }

                $("#btnSave").click(function () {
                    $("#btnSave").focus();
                })

                /*以下处理定额捐事件*/
                if ($("#dingedon").length > 0) {
                    $("#gjjine").text((parseFloat($("#dingeNum").text()) * parseInt($("#fenshu").val())).toFixed(2));
                    $("#hfJine").val($("#gjjine").text());
                }
                $("#bjian").click(function () {
                    var Jfen = parseInt($("#fenshu").val());
                    if (Jfen >= 2) {
                        Jfen--;
                        $("#fenshu").val(Jfen);
                        $("#gjjine").text((parseFloat($("#dingeNum").text()) * Jfen).toFixed(2));
                        $("#hfJine").val($("#gjjine").text());
                    }
                });

                $("#bjia").click(function () {
                    var Jfen = parseInt($("#fenshu").val());
                    Jfen++;
                    $("#fenshu").val(Jfen);
                    $("#gjjine").text((parseFloat($("#dingeNum").text()) * Jfen).toFixed(2));
                    $("#hfJine").val($("#gjjine").text());
                });
            });

            function ChenkL() {
                if ($("#hfIsniming").val() == "0") {
                    if ($("#txtUserName1").val() == "") {
                        var d = dialog({
                            content: '请填写捐赠人姓名',
                            quickClose: true// 点击空白处快速关闭
                        });
                        d.show(document.getElementById('txtUserName1'));
                        return false;
                    }
                    //var teltxt = $("#txtTel").val();
                    //if (teltxt == "") {
                    //    var d = dialog({
                    //        content: '请填写联系电话',
                    //        quickClose: true// 点击空白处快速关闭
                    //    });
                    //    d.show(document.getElementById('txtTel'));
                    //    return false;
                    //}
                    //reg = /(^(\d{3,4}-)?\d{7,8})$|(1[0-9]{10})$/;
                    //if (!reg.test(teltxt)) {
                    //    var d = dialog({
                    //        content: '请输入正确的联系电话',
                    //        quickClose: true// 点击空白处快速关闭
                    //    });
                    //    d.show(document.getElementById('txtTel'));
                    //    return false;
                    //}
                }
                if (parseFloat($("#hfJine").val()) <= 0) {
                    var d = dialog({
                        content: '金额错误',
                        quickClose: true// 点击空白处快速关闭
                    });
                    d.show();
                    return false;
                }

                if (!$("#tongyiCkb").is(":checked")) {
                    var d = dialog({
                        content: '请同意并接受公益宝用户协议',
                        quickClose: true// 点击空白处快速关闭
                    });
                    d.show(document.getElementById('tongyiCkb'));
                    return false;
                }
                return true;
            }

            //加载完成后数据处理
            $(function() {
                var initBlindDon = function() {
                    var from = getQueryString("from");
                    var amount = getQueryString("jine");
                    if (from == "xiajuan") {
                        $("#hfJine").val(amount);
                    }
                }
                initBlindDon();
            });
        </script>
    </form>

    
   
   
    

  </div>
  



</body>
</html>



















